// components/navigation-bar/navigation-bar.js
Component({
  /**
   * 
    方式一：
    默认组件是隔离的, 外部使用组件, 不能够直接拿到组件的样式类去修改组件内部结构的样式
    如果要打破隔离, 需要配置 addGlobalClass: true

    方式二：（推荐）
    外部样式类
   */
  options: {
    // addGlobalClass: true,
    // 开启多个插槽
    multipleSlots:true
  },
  externalClasses:["custom-bar","custom-title"],
  /**
   * 组件的属性列表
   */
  properties: {
    back:{
        type:Boolean,
        value:false
    },
    delta:{
        type:Number,
        value:1
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    statusBarHeight : 0
  },

  /**
   * 组件的方法列表
   */
  methods: {
    goBack(){
        wx.navigateBack({
            delta:this.data.delta
        })
    }
  },
  // --------------生命周期钩子函数-开始-----------------
  lifetimes: {
    created() {
      // 组件被创建完毕执行, 一般在此处添加一些自定义属性
      // console.log("created()----");
    },
    attached() {
      // 在组件实例进入页面节点树时执行, 多数业务都在此处操作, 比如: 发请求拿数据
      // console.log("attached()----");
        // console.log(wx.getWindowInfo());
        // 1、获取到当前机型的状态栏高度
        const { statusBarHeight } = wx.getWindowInfo()
        // 2、去赋值
        this.setData({ statusBarHeight })
    },
    detached() {
      // console.log("detached()----");
    },
  },
  // --------------生命周期钩子函数-结束-----------------
})